<template>
  <div id="help-page">
    <a-card style="margin-top: 20px">
      <title-component title-text="帮助"></title-component>
      <div class="help-container">
        <h3>1. 答题应用</h3>
        <h4>1.1 创建应用流程</h4>
        <p>
          已注册的平台用户，在登录后，可前往创建应用页面，按表单提示，详细准确地填写各项信息，轻松完成应用创建操作。提交创建申请后，应用将迅速进入审核队列。通常情况下，一个工作日内即可完成审核。审核期间，为维护平台信息的规范性与安全性，应用信息处于保密状态，其他用户无法进行浏览。待应用成功通过审核，便会正式上线平台。届时，其他用户可在搜索、推荐、分类查找等模块，轻松获取应用信息，并在应用内参与答题等互动操作。</p>
        <h4>1.2 应用类型说明</h4>
        <h4>1.2.1 评分类</h4>
        <ul>
          <li>
            <p><strong>自定义评分策略</strong>：在这类应用中，用户完成答题后，系统将依据预设的评分标准，将用户得分与对应的评分结果进行匹配。例如，若评分体系设有
              70、80、90 三个关键分数节点，用户得分为 75 时，将匹配第一个评分结果。应用创建者可在后台管理系统中，灵活地对得分与评级的对应关系进行配置。比如，将
              80 分及以上设定为 “优秀”，60 - 80 分设定为 “良好”，便于对用户的答题表现进行清晰评估。</p>
          </li>
          <li>
            <p><strong>AI 评分策略</strong>：用户完成答题后，AI
              将对用户的回答内容和最终得分进行全面分析，结合应用的类型特点，给出对应的评分结果名称及详细描述，为用户提供更具针对性的反馈。
            </p>
          </li>
        </ul>
        <h4>1.2.2 测评类</h4>
        <ul>
          <li>
            <p><strong>自定义评分策略</strong>：当应用类型为测评类且采用自定义评分策略时，评分规则借鉴了经典的 MBTI
              测试模式。应用创建者可根据测评目标，设置多个不同的结果集合，如 [A, B, C, D]、[E, F, G, H]、[H, I, J, K]
              等。在设置题目时，为每个题目选项指定对应的集合元素，例如选项 A 的内容为 “xxxxxx”，对应结果集合
              A。答题用户完成答题后，系统将对其选择的选项进行分析，通过匹配选项的结果集合，从创建者预设的评分结果中，精准找出对应的测评结果，反馈给答题用户。
            </p>
          </li>
          <li>
            <p><strong>AI 评分策略</strong>：用户答题结束后，AI
              会综合分析用户的选项，同时参考所有预设的评分结果，运用智能算法对用户答案进行深度剖析，给出该测评类应用对应的评分结果名称和详尽描述，帮助用户深入了解自身测评情况。
            </p>
          </li>
        </ul>
        <h4>1.3 应用审核流程</h4>
        <p>
          提交创建，编辑应用等申请后，应用会进入审核流程。首先会对应用的基本信息，如名称、简介进行合规性检查，确保内容不包含违法、违规信息。然后会对应用的题目内容、功能逻辑进行全面审查，保证应用能正常运行，且题目不存在错误或误导性内容。审核通过的应用将上线展示。</p>
        <h3>2. 删除应用</h3>
        <p>
          若创建者需要删除应用，可在应用管理页面找到删除选项，点击提交删除申请。为避免误操作，系统会要求创建者进行二次确认。删除申请提交后，应用会从展示页面移除，应用对应的题目，评分结果，回答记录等资源也一并被删除。但在一定时间内，平台会保留应用数据，以便创建者在需要时恢复应用。超过保留期限后，应用数据将被永久删除。</p>
      </div>
    </a-card>
  </div>
</template>

<script setup>
import {onMounted} from "vue";
import TitleComponent from "@/components/TitleComponent.vue";

onMounted(() => {
  // 滚动到页面顶部
  window.scrollTo({
    top: 0,
    behavior: "instant",
  });
});
</script>

<style scoped>
.help-container {
  width: 80%;
  margin: 0 auto;
}

h3 {
  margin-top: 20px;
  margin-bottom: 10px;
}

h4 {
  margin-top: 15px;
  margin-bottom: 5px;
}

h5 {
  margin-top: 10px;
  margin-bottom: 5px;
}

p {
  line-height: 1.6;
  text-indent: 2em;
}

ul {
  margin-top: 5px;
  margin-bottom: 10px;
  padding-left: 20px;
}

li {
  line-height: 1.6;
}

@media (max-width: 768px) {
  .help-container {
    width: 90%;
  }
}
</style>
